<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="org.apache.shiro.web.filter.authc.FormAuthenticationFilter"%>
<%@ page import="org.apache.shiro.authc.ExcessiveAttemptsException"%>
<%@ page import="org.apache.shiro.authc.IncorrectCredentialsException"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf8" />
<meta name="viewport" id="viewport" content="width=320, initial-scale=1.0, user-scalable=yes, maximum-scale=1.0">
<meta name="msapplication-tap-highlight" content="no" />
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<title>商品列表</title>
<link rel="stylesheet" href="${ctx}/static/css/base_320.css" type="text/css">
<style type="text/css">
body {
  background: #f8f7f5;
}
.list {
  width: 310px;
  margin: 10px auto;
  padding: 2px 0 10px;
  text-decoration: none;
}
.product {
  width: 145px;
  padding: 0 5px;
}
a {
  color: black;
  text-decoration: none;
  margin-bottom: 20px;
  float: left;
}
img {
  width: 145px;
  margin: 5px 0;
}
.text {
  color: #3e3e3e;
  text-align: center;
}
</style>
<script src="${ctx}/static/jquery/jquery-2.0.3.min.js" type="text/javascript"></script>
<script>
  $(document).ready(function() {
  });
</script>
</head>

<body>
<div class="list">
<c:forEach items="${product_list}" var="product">
  <a href="${ctx}/shop/p/${product.id}">
    <div class="product">
      <img src="${ctx}/static/test/images/${product.mainImage}">
      <div class="text">${product.name}</div>
    </div>
  </a>
</c:forEach>
</div>
</body>
</html>
